<!DOCTYPE html>
<html>
<head>
	<style type="text/css">
	body {background:#000000; font-family: "Myriad Web Pro", Verdana, Arial; height:400px;}
	article {margin:auto; padding:0; width:300px; background:#FFFFFF; border-radius:10px;}
	.head{color:#000000; font-size:24px; text-align:center; font-weight:bold; }
	.content {padding:10px; font-size:12px;font-weight:bold;}
	input[type=text], input[type=password] {border-radius:5px; border:1px solid #CCCCCC; font-size:12px; color:#CCCCCC; margin-left:-1px; font-family: "Myriad Web Pro", Verdana, Arial;}
	input[type=checkbox] {margin-left:-1px;}
	input[type=submit]	{background:#CCCCCC; color:#999999; font-size:12px; font-weight:bold; border-radius:5px; border:1px solid #999999;}
	.left {width:100px; float:left; padding-top:3px;}
	.right {width:180px; float:left;}
	.button {width:280px; clear:both; text-align:right;}
	</style>
	<script type="text/javascript" src="scripts/jquery.js"></script> 
	<script type="text/javascript">
	(function ($) {
	// VERTICALLY ALIGN FUNCTION
	$.fn.vAlign = function() {
		return this.each(function(i){
		var ah = $(this).height();
		var ph = $(this).parent().height();
		var mh = Math.ceil((ph-ah) / 2);
		$(this).css('margin-top', mh);
		});
	};
	})(jQuery);
	
	$(document).ready(function() {
		$('article').vAlign();
		$(window).bind('resize', function(){
            $("body").vAlign();
          }); 
	});
	</script>
	<title>Login</title>
</head>
<body>
	<article>
		<form action="cms.php" id="login_form" method="post">	
			<div class="head">
				CMS
			</div>
			<div class="content">
				<div id="login-box">
					<div class="left">
						<span>Gebruikersnaam:</span>
					</div>
					<div class="right">
						<input type="text" name="username" value="" />
					</div>
					
					<div class="left">
						<span>Wachtwoord:</span>
					</div>
					<div class="right">
						<input type="password" name="password" value="" />
					</div>
					
					<div class="left">
						<span>Onthouden:</span>
					</div>
					<div class="right">
						<input type="checkbox" name="remember" value="remember" />
					</div>
					
					<div class="button">
						<input type="submit" name="submit" value="Inloggen" />
					</div>
				</div>
			</div>
		</form>
	</article>
</body>
</html>